<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            text-align: center;
            line-height: 1.25;
            letter-spacing: 2px;
            word-spacing: 4px;
        }
        table {
            table-layout: fixed;
            width: 400px;
            border-collapse: collapse;
            margin: auto;
        }
        tr,th {
            border: 1px solid;
            font-size: 16px;
            font-weight: normal;
            text-align: center;
        }
        .advance {
            text-decoration: underline;
            text-align:left;
            color: red;
        }
        p {
            font-family: "Arail";
        }
        h1 {
            /* 水平偏移 垂直偏移 模糊半径 */
            text-shadow: 2px 2px 5px;
        }
        .disadvance {
            text-decoration: line-through;
            color: green
        }
    </style>
</head>
<body>
    <h1>简历</h1>
    <hr>
    <h3>个人简介</h3>
    <p>姓名：张三<span>&nbsp</span><span>年龄：18</span></p>
    <p>联系方式：13923289389</p>
    <p>本科：百度前端学院</p>
    <p>技能：<span style="text-transform:uppercase">html、css</span>、JavaScript</p>
    <hr>
    <h3>项目经验</h3>
    <table>
        <tr>
            <th>项目时间</th>
            <th>项目描述</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
        <tr>
            <th>2017.1-2017.8</th>
            <th>在项目A中负责了xxxxx</th>
        </tr>
    </table><br>
    <hr>
    <div class="advance">
        <h3>优点</h3>
        <li>自信</li>
        <li>乐观</li>
        <li>开朗</li>
    </div>
    <hr>
    <div class="disadvance">
        <h3>缺点</h3>
        <li>不自信</li>
        <li>不乐观</li>
        <li>不开朗</li>
    </div>
    <hr>
    <!-- pre-line保留回车不保留空格
    pre-wrap都保留
    pre 保留空格和回车
    normal都不保留
    nowrap都不保留 -->
    <p style="white-space:nowrap;">This                   paragraph has    many
        spaces           in it.</p>
</body>
</html>